/* screen - sangshin */

.sangshin {
  align-items: flex-end;
  background-color: var(--woodsmoke);
  display: flex;
  flex-direction: column;
  height: 21430px;
  overflow: hidden;
  width: 1920px;
}

.sangshin .slide-169-3 {
  background-color: var(--woodsmoke);
  filter: blur(10px);
  height: 1216px;
  opacity: 0.3;
  width: 1920px;
  z-index: 1;
}

.sangshin .slide-169-3.animate-enter111 {
  animation: animate-enter111-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0.3;
}

@keyframes animate-enter111-frames {
  from{opacity: 0.3;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .group-container {
  height: 1216px;
  position: relative;
}

.sangshin .group-1171278950 {
  cursor: pointer;
  display: block;
  height: 1216px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  transition: all 0.6s ease;
  width: 1920px;
}

.sangshin .group-1171278950.animate-enter110 {
  animation: animate-enter110-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes animate-enter110-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.sangshin .group-1171278950:hover {
  transform: scale(1.2);
}

.sangshin .group-10 {
  height: 102px;
  left: 909px;
  position: absolute;
  top: 499px;
  width: 102px;
}

.sangshin .group-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  left: 858px;
  min-height: 91px;
  position: absolute;
  top: 601px;
  width: 210px;
}

.sangshin .sang-shin {
  color: var(--white);
  font-family: var(--font-family-suite-extrabold);
  font-size: 45px;
  font-weight: 800;
  height: 56px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  min-width: 206px;
  text-align: center;
}

.sangshin .connect {
  color: #aaaaaa;
  font-family: var(--font-family-suite-extrabold);
  font-size: 25px;
  font-weight: 800;
  height: 31px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2.0px;
  min-width: 128px;
  text-align: center;
}

.sangshin .frame-19 {
  -webkit-backdrop-filter: blur(60px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(60px) brightness(100%);
  background-color: var(--black-3);
  border-radius: 23px;
  display: flex;
  gap: 915px;
  height: 70px;
  left: 40px;
  min-width: 1840px;
  padding: 11px 36px;
  position: fixed;
  top: 17px;
  z-index: 10;
}

.sangshin .group-1171278889:hover {
  filter: blur(5px);
}

.sangshin .group-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 6px;
  min-width: 100px;
  transition: all 0.5s ease;
}

.sangshin .group-1:hover {
  transform: scale(1.1);
}

.sangshin .frame-1171278180 {
  background-color: var(--granite-gray-2);
  border-radius: 42px;
  cursor: pointer;
  height: 46px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 107px;
}

.sangshin .frame-1171278180:hover {
  background-color: #585858
}

.sangshin .frame-11712781:hover {
  background-color: #383838
}

.sangshin .about-me {
  left: 18px;
  letter-spacing: -0.50px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
}

.sangshin .frame-1171278182:hover {
  background-color: #c5c5c5
}

.sangshin .place {
  left: 24px;
  letter-spacing: -0.50px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 13px;
  white-space: nowrap;
}

.sangshin .frame-1171278800 {
  align-items: flex-start;
  background-color: var(--black);
  border: 1px solid;
  border-color: var(--dove-gray);
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  gap: 1px;
  height: 70px;
  left: 1811px;
  overflow: hidden;
  padding: 24.5px 14.5px;
  position: fixed;
  top: 970px;
  transform: rotate(-90.00deg);
  transition: all 0.2s ease;
  width: 70px;
  z-index: 11;
}

.sangshin .frame-1171278800:hover {
  background-color: #141414
}

.sangshin .frame-1171278792 {
  align-items: flex-start;
  display: flex;
  height: 1080px;
  margin-right: -108px;
  margin-top: 23px;
  min-width: 2136px;
  padding: 0 108px;
  z-index: 2;
}

.sangshin .overlap-group1 {
  align-items: center;
  background-image: url(../img/--------2-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 1080px;
  padding: 58px 0;
  width: 1920px;
}

.sangshin .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-left: 1.0px;
  min-height: 105px;
  width: 451px;
}

.sangshin .frame-1171278731 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
  width: 169px;
}

.sangshin .frame-1171278731.animate-enter112 {
  animation: animate-enter112-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter112-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731:hover {
  transform: scale(1.1);
}

.sangshin .text-3 {
  left: 32px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .text-350 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 39px;
  text-align: center;
  width: 451px;
}

.sangshin .flex-row {
  align-items: flex-start;
  display: flex;
  margin-right: 27.53px;
  margin-top: 279px;
  min-width: 213px;
}

.sangshin .image-1 {
  height: 70px;
  width: 70px;
}

.sangshin .vector-container {
  align-self: center;
  height: 12px;
  margin-left: 33px;
  margin-top: 13.68px;
  position: relative;
  width: 12px;
}

.sangshin .vector-1 {
  height: 12px;
  left: 5px;
  position: absolute;
  top: 0;
  width: 2px;
}

.sangshin .vector-2 {
  height: 2px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 12px;
}

.sangshin .image-2 {
  align-self: flex-end;
  height: 70px;
  margin-left: 29px;
  width: 70px;
}

.sangshin .text-351 {
  color: transparent;
  font-family: var(--font-family-suite-semibold);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 37.1px;
  margin-top: 24px;
  min-height: 75px;
  text-align: center;
  width: 808px;
}

.sangshin .span-1 {
  color: var(--white);
}

.sangshin .overlap-group24 {
  height: 3169px;
  margin-top: 13px;
  position: relative;
  width: 1923px;
  z-index: 3;
}

.sangshin .view {
  background-color: var(--woodsmoke);
  height: 1080px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 1920px;
}

.sangshin .view.animate-enter116 {
  animation: animate-enter116-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter116-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .text-353 {
  left: 816px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 173px;
}

.sangshin .overlap-group4 {
  border-radius: 160px;
  height: 320px;
  left: 282px;
  position: absolute;
  top: 376px;
  width: 320px;
}

.sangshin .ellipse-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(31.87, 31.87, 31.87, 0) 0%, rgb(47.95, 47.95, 47.95) 100%);
  border: 4px solid;
  border-color: var(--bon-jour-2);
  border-radius: 160px;
  cursor: pointer;
  height: 320px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 320px;
}

.sangshin .ellipse-1:hover {
  background-color: #3c3c3c
}

.sangshin .text-354 {
  left: 78px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 137px;
  white-space: nowrap;
  width: 164px;
}

.sangshin .overlap-group2 {
  border-radius: 160px;
  height: 320px;
  left: 797px;
  position: absolute;
  top: 376px;
  width: 320px;
}

.sangshin .ellipse-2 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(31.87, 31.87, 31.87, 0) 0%, rgb(47.95, 47.95, 47.95) 100%);
  border: 4px solid;
  border-color: var(--bon-jour-2);
  border-radius: 160px;
  cursor: pointer;
  height: 320px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  transition: all 0.2s ease;
  width: 320px;
}

.sangshin .ellipse-2.animate-enter113 {
  animation: animate-enter113-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes animate-enter113-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.sangshin .ellipse-2:hover {
  background-color: #3C3C3C
}

.sangshin .text-355 {
  left: 89px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 137px;
  white-space: nowrap;
  width: 142px;
}

.sangshin .overlap-group3 {
  border-radius: 160px;
  height: 320px;
  left: 1312px;
  position: absolute;
  top: 376px;
  width: 320px;
}

.sangshin .ellipse-3 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(31.87, 31.87, 31.87, 0) 0%, rgb(47.95, 47.95, 47.95) 100%);
  border: 4px solid;
  border-color: var(--bon-jour-2);
  border-radius: 160px;
  cursor: pointer;
  height: 320px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  transition: all 0.2s ease;
  width: 320px;
}

.sangshin .ellipse-3.animate-enter114 {
  animation: animate-enter114-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes animate-enter114-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.sangshin .ellipse-3:hover {
  background-color: #3C3C3C
}

.sangshin .text-356 {
  left: 57px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 131px;
  white-space: nowrap;
}

.sangshin .flex-container-1679362 {
  height: 130px;
  left: 264px;
  top: 738px;
  width: 361px;
}

.sangshin .text {
  align-self: stretch;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 34px;
  position: relative;
  transition: all 0.2s ease;
}

.sangshin .text:hover {
  background-color: #3C3C3C
}

.sangshin .flex-container-1679363 {
  height: 130px;
  left: 779px;
  top: 738px;
  width: 361px;
}

.sangshin .text-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 34px;
  position: relative;
}

.sangshin .flex-container-1679364 {
  height: 221px;
  left: 1294px;
  top: 738px;
  width: 384px;
}

.sangshin .frame-1171278731-1 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 895px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 104px;
  transition: all 0.4s ease;
  width: 131px;
}

.sangshin .frame-1171278731-1.animate-enter115 {
  animation: animate-enter115-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter115-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-1:hover {
  transform: scale(1.1);
}

.sangshin .text-357 {
  left: 30px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .view-1 {
  background-color: var(--woodsmoke);
  height: 1080px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 1077px;
  transform: translate(0, 25px);
  width: 1920px;
}

.sangshin .view-1.animate-enter121 {
  animation: animate-enter121-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter121-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .overlap-group6 {
  border-radius: 17px;
  height: 103px;
  left: 344px;
  position: absolute;
  top: 295px;
  width: 395px;
}

.sangshin .rectangle-3477754 {
  background-color: var(--shark-4);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 17px;
  cursor: pointer;
  height: 103px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 395px;
}

.sangshin .rectangle-3477754.animate-enter117 {
  animation: animate-enter117-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter117-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3477754:hover {
  background-color: #434343
}

.sangshin .text-358 {
  left: 142px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  text-align: center;
  top: 22px;
  width: 112px;
}

.sangshin .overlap-group5 {
  border-radius: 17px;
  height: 103px;
  left: 762px;
  position: absolute;
  top: 295px;
  width: 396px;
}

.sangshin .rectangle-3477753 {
  background-color: var(--shark-4);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 17px;
  cursor: pointer;
  height: 103px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 396px;
}

.sangshin .rectangle-3477753.animate-enter118 {
  animation: animate-enter118-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter118-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3477753:hover {
  background-color: #434343
}

.sangshin .text-359 {
  left: 128px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  text-align: center;
  top: 36px;
  white-space: nowrap;
  width: 140px;
}

.sangshin .overlap-group7 {
  border-radius: 17px;
  height: 103px;
  left: 1181px;
  position: absolute;
  top: 295px;
  width: 395px;
}

.sangshin .rectangle-3477752 {
  background-color: var(--shark-4);
  border: 1px solid;
  border-color: var(--silver);
  border-radius: 17px;
  cursor: pointer;
  height: 103px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 395px;
}

.sangshin .rectangle-3477752.animate-enter119 {
  animation: animate-enter119-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter119-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3477752:hover {
  background-color: #434343
}

.sangshin .text-360 {
  left: 85px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  text-align: center;
  top: 24px;
  width: 226px;
}

.sangshin .frame-1171278835 {
  background: linear-gradient(180deg, rgba(92.61, 92.61, 92.61, 0.83) 0%, rgba(92.61, 92.61, 92.61, 0.3) 100%);
  border-radius: 17px;
  cursor: pointer;
  height: 312px;
  left: 344px;
  position: absolute;
  top: 473px;
  transition: all 0.6s ease;
  width: 1231px;
}

.sangshin .frame-1171278835:hover {
  transform: translate(0, -15px);
}

.sangshin .overlap-group-5 {
  height: 47px;
  left: 144px;
  position: absolute;
  top: 61px;
  width: 228px;
}

.sangshin .text-361 {
  left: 26px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 0;
  white-space: nowrap;
  width: 202px;
}

.sangshin .image-3 {
  height: 39px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 39px;
}

.sangshin .overlap-group1-1 {
  height: 48px;
  left: 486px;
  position: absolute;
  top: 61px;
  width: 303px;
}

.sangshin .image-4 {
  height: 42px;
  left: 31px;
  position: absolute;
  top: 6px;
  width: 42px;
}

.sangshin .text-362 {
  left: 0;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 0;
  white-space: nowrap;
  width: 303px;
}

.sangshin .overlap-group2-1 {
  height: 48px;
  left: 833px;
  position: absolute;
  top: 61px;
  width: 303px;
}

.sangshin .image-5 {
  height: 42px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 42px;
}

.sangshin .text-363 {
  left: 4px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 0;
  white-space: nowrap;
  width: 299px;
}

.sangshin .ellipse-4 {
  background-color: var(--white);
  border-radius: 4px;
  height: 8px;
  left: 257px;
  position: absolute;
  top: 135px;
  width: 8px;
}

.sangshin .flex-container-16712676 {
  height: 42px;
  left: 104px;
  top: 179px;
  width: 314px;
}

.sangshin .text-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 11px;
  position: relative;
  text-align: center;
}

.sangshin .ellipse-5 {
  background-color: var(--white);
  border-radius: 4px;
  height: 8px;
  left: 623px;
  position: absolute;
  top: 135px;
  width: 8px;
}

.sangshin .flex-container-16712679 {
  height: 42px;
  left: 462px;
  top: 179px;
  width: 330px;
}

.sangshin .ellipse-6 {
  background-color: var(--white);
  border-radius: 4.5px/4px;
  height: 8px;
  left: 977px;
  position: absolute;
  top: 135px;
  width: 9px;
}

.sangshin .flex-container-16712682 {
  height: 42px;
  left: 824px;
  top: 179px;
  width: 324px;
}

.sangshin .vector-3324 {
  height: 17px;
  left: 934px;
  position: absolute;
  top: 427px;
  width: 53px;
}

.sangshin .text-364 {
  left: 816px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 126px;
}

.sangshin .frame-1171278731-2 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 895px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 57px;
  transition: all 0.4s ease;
  width: 131px;
}

.sangshin .frame-1171278731-2.animate-enter120 {
  animation: animate-enter120-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter120-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-2:hover {
  transform: scale(1.1);
}

.sangshin .frame-1171278795 {
  background-color: var(--woodsmoke);
  height: 1080px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 2089px;
  transform: translate(0, 25px);
  width: 1920px;
}

.sangshin .frame-1171278795.animate-enter127 {
  animation: animate-enter127-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter127-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x11111-1 {
  cursor: pointer;
  display: block;
  height: 864px;
  left: 888px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 108px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 864px;
}

.sangshin .x11111-1.animate-enter126 {
  animation: animate-enter126-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter126-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x11111-1:hover {
  transform: scale(1.1);
}

.sangshin .hello {
  letter-spacing: 0;
  line-height: 37px;
  top: 539px;
  width: 553px;
}

.sangshin .hello-1 {
  color: var(--white);
  font-family: var(--font-family-suite-regular);
  font-size: 40px;
  font-weight: 400;
  height: 100px;
  letter-spacing: 0;
  line-height: normal;
  top: 416px;
}

.sangshin .span1 {
  font-family: var(--font-family-suite-medium);
  font-weight: 500;
}

.sangshin .span2 {
  font-family: var(--font-family-suite-extrabold);
  font-weight: 800;
}

.sangshin .hello-2 {
  height: 102px;
  top: 292px;
  width: 102px;
}

.sangshin .slide-169-5 {
  align-items: flex-end;
  background-color: var(--woodsmoke);
  display: flex;
  flex-direction: column;
  gap: 110px;
  height: 1080px;
  margin-top: 23px;
  overflow: hidden;
  padding: 28px 0;
  width: 1920px;
  z-index: 4;
}

.sangshin .flex-col-1 {
  align-items: center;
  margin-right: -2.0px;
  min-height: 649px;
  width: 1581px;
}

.sangshin .frame-1171278731-3 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  margin-right: 342.0px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
  width: 147px;
}

.sangshin .frame-1171278731-3.animate-enter122 {
  animation: animate-enter122-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter122-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-3:hover {
  transform: scale(1.1);
}

.sangshin .text-3-1 {
  left: 21px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .text-369 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 342.0px;
  margin-top: 20px;
  min-height: 39px;
  min-width: 141px;
  text-align: center;
}

.sangshin .text-368 {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-suite-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 42px;
  letter-spacing: 0;
  line-height: 42px;
  margin-left: 138px;
  margin-top: 77px;
  min-width: 77px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .overlap-group8 {
  height: 409px;
  margin-top: 13px;
  position: relative;
  width: 1581px;
}

.sangshin .text-5 {
  color: var(--black);
  font-family: var(--font-family-suite-regular);
  font-size: 26px;
  font-weight: 400;
  height: 42px;
  left: 157px;
  letter-spacing: 0;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 240px;
  white-space: nowrap;
}

.sangshin .vector-34 {
  height: 88px;
  left: 174px;
  position: absolute;
  top: 0;
  width: 5px;
}

.sangshin .group-32 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 354px;
  left: 1225px;
  min-width: 356px;
  padding: 0 26.1px;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
}

.sangshin .group-32:hover {
  transform: scale(0.9); 
}

.sangshin .overlap-group-6 {
  align-items: flex-start;
  background-image: url(../img/rectangle-50.svg);
  background-size: 100% 100%;
  display: flex;
  height: 302px;
  min-width: 302px;
  padding: 131.1px 125.7px;
}

.sangshin .etc {
  -webkit-text-stroke: 0.9px #ffffff33;
  color: #ffffff33;
}

.sangshin .group-31 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 354px;
  left: 980px;
  min-width: 356px;
  padding: 0 26.1px;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
}

.sangshin .group-31:hover {
  transform: scale(0.9); 
}

.sangshin .overlap-group1-2 {
  align-items: flex-start;
  background-image: url(../img/rectangle-49.svg);
  background-size: 100% 100%;
  display: flex;
  height: 302px;
  min-width: 302px;
  padding: 131.1px 125.7px;
}

.sangshin .etc-1 {
  -webkit-text-stroke: 0.9px #ffffff66;
  color: #ffffff66;
}

.sangshin .group-30 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 354px;
  left: 735px;
  min-width: 356px;
  padding: 0 26.1px;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
}

.sangshin .group-30:hover {
  transform: scale(0.9); 
}

.sangshin .overlap-group2-2 {
  align-items: flex-start;
  background-image: url(../img/rectangle-48.svg);
  background-size: 100% 100%;
  display: flex;
  height: 302px;
  min-width: 302px;
  padding: 131.1px 125.7px;
}

.sangshin .etc-2 {
  -webkit-text-stroke: 0.9px #ffffff99;
  color: #ffffff99;
}

.sangshin .group-34 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 354px;
  left: 490px;
  min-width: 356px;
  padding: 0 26.1px;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
}

.sangshin .group-34:hover {
  transform: scale(0.9); 
}

.sangshin .overlap-group3-1 {
  align-items: flex-end;
  background-image: url(../img/rectangle-47.svg);
  background-size: 100% 100%;
  display: flex;
  height: 302px;
  justify-content: flex-end;
  min-width: 302px;
  padding: 131.9px 117.2px;
}

.sangshin .text-371 {
  color: #ffffffcc;
  font-family: var(--font-family-suite-regular);
  font-size: 26px;
  font-weight: 400;
  height: 38px;
  letter-spacing: 0;
  line-height: 37.9px;
  min-width: 67px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .group-33 {
  cursor: pointer;
  filter: blur(10px);
  height: 354px;
  left: 245px;
  opacity: 0.3;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
  width: 356px;
}

.sangshin .group-33.animate-enter124 {
  animation: animate-enter124-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0.3;
}

@keyframes animate-enter124-frames {
  from{opacity: 0.3;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .group-33:hover {
  transform: scale(0.9); 
}

.sangshin .overlap-group {
  height: 302px;
  left: 26px;
  position: relative;
  top: 26px;
  width: 302px;
}

.sangshin .rectangle-46 {
  cursor: pointer;
  display: block;
  height: 302px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 302px;
}

.sangshin .rectangle-46.animate-enter123 {
  animation: animate-enter123-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter123-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-46:hover {
  transform: scale(0.6); 
}

.sangshin .text-372 {
  color: var(--white);
  font-family: var(--font-family-suite-regular);
  font-size: 26px;
  font-weight: 400;
  height: 38px;
  left: 117px;
  letter-spacing: 0;
  line-height: 37.9px;
  position: absolute;
  text-align: center;
  top: 132px;
  white-space: nowrap;
}

.sangshin .group-35 {
  cursor: pointer;
  filter: blur(10px);
  height: 354px;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 55px;
  transition: all 0.6s ease;
  width: 356px;
}

.sangshin .group-35.animate-enter125 {
  animation: animate-enter125-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0.3;
}

@keyframes animate-enter125-frames {
  from{opacity: 0.3;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .group-35:hover {
  transform: scale(1.1);
}

.sangshin .rectangle-45 {
  cursor: pointer;
  height: 302px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 302px;
}

.sangshin .rectangle-45:hover {
  transform: scale(1.2);
}

.sangshin .text-373 {
  color: var(--black);
  font-family: var(--font-family-suite-extrabold);
  font-size: 40px;
  font-weight: 800;
  height: 38px;
  left: 115px;
  letter-spacing: 0;
  line-height: 37.9px;
  position: absolute;
  text-align: center;
  top: 132px;
  white-space: nowrap;
}

.sangshin .flex-row-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 114px;
  margin-left: 146.0px;
  min-width: 1104px;
}

.sangshin .text-366 {
  letter-spacing: 0;
  line-height: 37.1px;
  min-height: 75px;
  min-width: 428px;
}

.sangshin .vector-35 {
  align-self: flex-end;
  height: 105px;
  margin-left: 94px;
  width: 1px;
}

.sangshin .text-367 {
  letter-spacing: 0;
  line-height: 37.1px;
  margin-left: 84px;
  min-height: 112px;
}

.sangshin .view-2 {
  align-items: flex-start;
  background-color: var(--cod-gray-2);
  display: flex;
  gap: 13271px;
  margin-top: 166px;
  overflow: hidden;
  width: 1920px;
  z-index: 6;
}

.sangshin .group-10-1 {
  cursor: pointer;
  height: 448px;
  margin-left: -13719px;
  margin-top: -1900.0px;
  transition: all 0.4s ease;
  width: 448px;
}

.sangshin .group-10-1:hover {
  opacity: 0;
}

.sangshin .overlap-group10 {
  height: 1080px;
  position: relative;
  width: 1919px;
}

.sangshin .vector-39 {
  height: 1080px;
  left: 150px;
  position: absolute;
  top: 0;
  width: 1210px;
}

.sangshin .vector-36 {
  height: 1080px;
  left: 589px;
  position: absolute;
  top: 0;
  width: 1191px;
}

.sangshin .vector-38 {
  height: 1080px;
  left: 616px;
  position: absolute;
  top: 0;
  width: 1126px;
}

.sangshin .vector-37 {
  height: 1080px;
  left: 107px;
  position: absolute;
  top: 0;
  width: 1271px;
}

.sangshin .vector-48 {
  height: 1080px;
  left: 768px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .vector-49 {
  height: 1080px;
  left: 1149px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .rectangle-62 {
  background-color: var(--white);
  height: 16px;
  left: 741px;
  opacity: 0.16;
  position: absolute;
  top: 522px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-63 {
  background-color: var(--white);
  height: 16px;
  left: 1162px;
  opacity: 0.16;
  position: absolute;
  top: 522px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-64 {
  background-color: var(--white);
  height: 16px;
  left: 952px;
  opacity: 0.16;
  position: absolute;
  top: 312px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-65 {
  background-color: var(--white);
  height: 16px;
  left: 952px;
  opacity: 0.16;
  position: absolute;
  top: 734px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-46-1 {
  height: 382px;
  left: 769px;
  position: absolute;
  top: 339px;
  width: 382px;
}

.sangshin .vector-19-stroke {
  height: 275px;
  left: 838px;
  position: absolute;
  top: 392px;
  width: 244px;
}

.sangshin .ellipse-26 {
  background-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 1023px;
  opacity: 0.2;
  position: absolute;
  top: 516px;
  width: 59px;
}

.sangshin .ellipse-27 {
  background-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 838px;
  opacity: 0.2;
  position: absolute;
  top: 485px;
  width: 59px;
}

.sangshin .ellipse-28 {
  border: 1.57px solid;
  border-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 930px;
  opacity: 0.2;
  position: absolute;
  top: 392px;
  width: 59px;
}

.sangshin .ellipse-29 {
  border: 1.57px solid;
  border-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 930px;
  opacity: 0.2;
  position: absolute;
  top: 608px;
  width: 59px;
}

.sangshin .vector-50 {
  height: 1080px;
  left: 960px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .ellipse-30 {
  background-color: var(--alto);
  border-radius: 3.92px;
  height: 8px;
  left: 956px;
  position: absolute;
  top: 527px;
  width: 8px;
}

.sangshin .text-380 {
  left: 907px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 112px;
}

.sangshin .frame-1171278731-4 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 887px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 43px;
  transition: all 0.4s ease;
  width: 147px;
}

.sangshin .frame-1171278731-4.animate-enter129 {
  animation: animate-enter129-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter129-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-4:hover {
  transform: scale(1.1);
}

.sangshin .group-1171278943 {
  cursor: pointer;
  height: 448px;
  left: 736px;
  position: absolute;
  top: 306px;
  transition: all 0.4s ease;
  width: 448px;
}

.sangshin .group-1171278943:hover {
  opacity: 0;
}

.sangshin .hehe {
  height: 66px;
  left: 301px;
  top: 499px;
}

.sangshin .span-2 {
  letter-spacing: 0;
}

.sangshin .hehe-1 {
  color: transparent;
  font-family: var(--font-family-suite-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 33px;
  left: 1214px;
  top: 676px;
  width: 463px;
}

.sangshin .span0 {
  color: var(--white);
  letter-spacing: 0;
}

.sangshin .hehe-2 {
  height: 66px;
  left: 1214px;
  top: 369px;
  width: 463px;
}

.sangshin .vector-3353 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 308px;
  width: 1919px;
}

.sangshin .vector-3356 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 752px;
  width: 1919px;
}

.sangshin .vector-3354 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 340px;
  width: 1919px;
}

.sangshin .vector-3357 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 720px;
  width: 1919px;
}

.sangshin .vector-3355 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 392px;
  width: 1919px;
}

.sangshin .vector-3359 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 530px;
  width: 1919px;
}

.sangshin .vector-3358 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 668px;
  width: 1919px;
}

.sangshin .vector-3360 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 516px;
  width: 1919px;
}

.sangshin .vector-3361 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 544px;
  width: 1919px;
}

.sangshin .view-3 {
  align-items: flex-start;
  background-color: var(--cod-gray-2);
  display: flex;
  gap: 13267px;
  height: 1080px;
  overflow: hidden;
  width: 1920px;
  z-index: 5;
}

.sangshin .group-10-2 {
  cursor: pointer;
  height: 448px;
  margin-left: -13719px;
  margin-top: -2980.0px;
  transition: all 0.4s ease;
  width: 448px;
}

.sangshin .group-10-2:hover {
  opacity: 0;
}

.sangshin .overlap-group9 {
  height: 1099px;
  margin-top: -9px;
  position: relative;
  width: 1928px;
}

.sangshin .overlap-group-7 {
  height: 1080px;
  left: 111px;
  position: absolute;
  top: 9px;
  width: 1673px;
}

.sangshin .vector-39-1 {
  height: 1080px;
  left: 43px;
  position: absolute;
  top: 0;
  width: 1210px;
}

.sangshin .vector-36-1 {
  height: 1080px;
  left: 482px;
  position: absolute;
  top: 0;
  width: 1191px;
}

.sangshin .vector-38-1 {
  height: 1080px;
  left: 509px;
  position: absolute;
  top: 0;
  width: 1126px;
}

.sangshin .vector-37-1 {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1271px;
}

.sangshin .vector-48-1 {
  height: 1080px;
  left: 662px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .vector-49-1 {
  height: 1080px;
  left: 1042px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .rectangle-62-1 {
  background-color: var(--white);
  height: 16px;
  left: 635px;
  opacity: 0.16;
  position: absolute;
  top: 522px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-63-1 {
  background-color: var(--white);
  height: 16px;
  left: 1056px;
  opacity: 0.16;
  position: absolute;
  top: 522px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-64-1 {
  background-color: var(--white);
  height: 16px;
  left: 846px;
  opacity: 0.16;
  position: absolute;
  top: 312px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-65-1 {
  background-color: var(--white);
  height: 16px;
  left: 846px;
  opacity: 0.16;
  position: absolute;
  top: 734px;
  transform: rotate(45deg);
  width: 16px;
}

.sangshin .rectangle-46-2 {
  height: 382px;
  left: 662px;
  position: absolute;
  top: 339px;
  width: 382px;
}

.sangshin .vector-19-stroke-1 {
  height: 275px;
  left: 731px;
  position: absolute;
  top: 392px;
  width: 244px;
}

.sangshin .ellipse-26-1 {
  background-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 917px;
  opacity: 0.2;
  position: absolute;
  top: 516px;
  width: 59px;
}

.sangshin .ellipse-27-1 {
  background-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 731px;
  opacity: 0.2;
  position: absolute;
  top: 485px;
  width: 59px;
}

.sangshin .ellipse-28-1 {
  border: 1.57px solid;
  border-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 824px;
  opacity: 0.2;
  position: absolute;
  top: 392px;
  width: 59px;
}

.sangshin .ellipse-29-1 {
  border: 1.57px solid;
  border-color: var(--alto);
  border-radius: 29.39px;
  height: 59px;
  left: 824px;
  opacity: 0.2;
  position: absolute;
  top: 608px;
  width: 59px;
}

.sangshin .vector-50-1 {
  height: 1080px;
  left: 853px;
  position: absolute;
  top: 0;
  width: 1px;
}

.sangshin .ellipse-30-1 {
  background-color: var(--alto);
  border-radius: 3.92px;
  height: 8px;
  left: 849px;
  position: absolute;
  top: 527px;
  width: 8px;
}

.sangshin .text-374 {
  height: 66px;
  left: 194px;
  line-height: 32.9px;
  position: absolute;
  top: 500px;
}

.sangshin .text-375 {
  color: transparent;
  font-family: var(--font-family-suite-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 33px;
  left: 1107px;
  line-height: 32.9px;
  position: absolute;
  top: 677px;
  width: 463px;
}

.sangshin .text-376 {
  height: 66px;
  left: 1107px;
  line-height: 32.9px;
  position: absolute;
  top: 370px;
  width: 463px;
}

.sangshin .text-377 {
  left: 911px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 121px;
}

.sangshin .frame-1171278731-5 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 891px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 52px;
  transition: all 0.4s ease;
  width: 147px;
}

.sangshin .frame-1171278731-5.animate-enter128 {
  animation: animate-enter128-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter128-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-5:hover {
  transform: scale(1.1);
}

.sangshin .group-1171278943-1 {
  cursor: pointer;
  height: 448px;
  left: 740px;
  position: absolute;
  top: 315px;
  transition: all 0.4s ease;
  width: 448px;
}

.sangshin .group-1171278943-1:hover {
  opacity: 0;
}

.sangshin .rectangle-67 {
  background-color: #363636a3;
  height: 1099px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1928px;
}

.sangshin .rectangle-66 {
  height: 488px;
  left: 720px;
  position: absolute;
  top: 301px;
  width: 488px;
}

.sangshin .x0-e0-e0-e {
  color: #ffffff8a;
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-xl);
  font-weight: 600;
  height: 42px;
  left: 864px;
  letter-spacing: 0;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 584px;
  width: 200px;
}

.sangshin .sangshin-black {
  color: var(--white);
  font-family: var(--font-family-suite-extrabold);
  font-size: 39px;
  font-weight: 800;
  height: 98px;
  left: 827px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 467px;
  width: 275px;
}

.sangshin .text-379 {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: 25px;
  font-weight: 500;
  left: 670px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 841px;
  width: 595px;
}

.sangshin .slide-169-7 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 1080px;
  margin-right: 4px;
  overflow: hidden;
  width: 1920px;
  z-index: 7;
}

.sangshin .overlap-group11 {
  height: 2156px;
  margin-bottom: -1076px;
  margin-left: 4px;
  position: relative;
  width: 1916px;
}

.sangshin .rectangle-47 {
  height: 1080px;
  left: 295px;
  position: absolute;
  top: 0;
  width: 1322px;
}

.sangshin .group-1171278951 {
  cursor: pointer;
  height: 572px;
  left: 670px;
  opacity: 0;
  position: absolute;
  top: 244px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 572px;
}

.sangshin .group-1171278951.animate-enter130 {
  animation: animate-enter130-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter130-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .group-1171278951:hover {
  transform: scale(1.2);
}

.sangshin .overlap-group-8 {
  height: 810px;
  left: 21px;
  position: relative;
  top: 26px;
  width: 736px;
}

.sangshin .rectangle-46-3 {
  cursor: pointer;
  height: 810px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.6s ease;
  width: 736px;
}

.sangshin .rectangle-46-3:hover {
  transform: scale(1.3);
}

.sangshin .vector-19-stroke-2 {
  height: 349px;
  left: 110px;
  position: absolute;
  top: 85px;
  width: 310px;
}

.sangshin .text-382 {
  color: var(--black);
  font-family: var(--font-family-suite-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 74px;
  left: 245px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 501px;
}

.sangshin .text-383 {
  color: var(--black);
  font-family: var(--font-family-suite-heavy);
  font-size: 34px;
  font-weight: 400;
  height: 42px;
  left: 1394px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 517px;
}

.sangshin .rectangle-48 {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1916px;
}

.sangshin .rectangle-3480374 {
  background-color: var(--alto);
  height: 1079px;
  left: 0;
  position: absolute;
  top: 1077px;
  width: 1079px;
}

.sangshin .frame-1171278798 {
  align-items: flex-start;
  background-color: #151515;
  display: flex;
  gap: 1px;
  height: 1080px;
  width: 1920px;
  z-index: 8;
}

.sangshin .group-container-1 {
  align-items: flex-end;
  background-image: url(../img/--------2-1-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 1078px;
  padding: 409px 369px;
  width: 956px;
}

.sangshin .group-10-3 {
  align-self: center;
  height: 102px;
  margin-left: 2.0px;
  width: 102px;
}

.sangshin .group-6-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 91px;
  width: 210px;
}

.sangshin .overlap-group12 {
  height: 1078px;
  position: relative;
  width: 963px;
}

.sangshin .rectangle-49 {
  height: 950px;
  left: 118px;
  position: absolute;
  top: 0;
  width: 845px;
}

.sangshin .rectangle-48-1 {
  height: 1078px;
  top: 0;
  width: 963px;
}

.sangshin .overlap-group-9 {
  align-items: flex-start;
  background-image: url(../img/nothing-phone-1.png);
  background-size: 100% 100%;
  display: flex;
  height: 853px;
  justify-content: flex-end;
  left: 200px;
  min-width: 763px;
  position: absolute;
  top: 0;
}

.sangshin .mockup-2 {
  height: 803px;
  width: 699px;
}

.sangshin .text-384 {
  color: #d0d0d0;
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-s);
  font-weight: 600;
  height: 29px;
  left: 284px;
  letter-spacing: 0;
  line-height: 29px;
  position: absolute;
  top: 1019px;
  width: 630px;
}

.sangshin .frame-1171278799 {
  align-items: flex-end;
  background-color: #151515;
  display: flex;
  flex-direction: column;
  height: 10340px;
  padding: 119px 0;
  width: 1920px;
  z-index: 9;
}

.sangshin .flex-row-2 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 214px;
  margin-right: 30.0px;
  margin-top: 110px;
  min-width: 1152px;
}

.sangshin .overlap-group22 {
  border-radius: 20px;
  height: 210px;
  position: relative;
  width: 171px;
}

.sangshin .rectangle-3480380 {
  background-color: var(--black);
  border: 3px solid;
  border-color: var(--white);
  border-radius: 20px;
  cursor: pointer;
  height: 210px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 171px;
}

.sangshin .rectangle-3480380.animate-enter134 {
  animation: animate-enter134-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter134-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3480380:hover {
  background-color: #222222
}

.sangshin .text-388 {
  left: 74px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 137px;
  white-space: nowrap;
}

.sangshin .image-6 {
  height: 78px;
  left: 47px;
  position: absolute;
  top: 37px;
  width: 78px;
}

.sangshin .flex-col-2 {
  align-items: flex-start;
  gap: 28px;
  margin-top: 1.52px;
  min-height: 124px;
  width: 767px;
}

.sangshin .flex-row-3 {
  align-items: flex-start;
  display: flex;
  min-width: 743px;
}

.sangshin .overlap-group-1 {
  height: 62px;
  position: relative;
  width: 72px;
}

.sangshin .overlap-group-2 {
  height: 62px;
  left: 0;
  position: absolute;
  top: 0;
  width: 72px;
}

.sangshin .subtract {
  height: 39px;
  left: 10px;
  position: absolute;
  top: 0;
  width: 52px;
}

.sangshin .union {
  height: 39px;
  left: 0;
  position: absolute;
  top: 23px;
  width: 72px;
}

.sangshin .rectangle-54 {
  height: 10px;
  left: 52px;
  position: absolute;
  top: 52px;
  width: 7px;
}

.sangshin .subtract-2 {
  height: 62px;
  margin-left: 283px;
  margin-top: 0;
  width: 49px;
}

.sangshin .subtract-3 {
  align-self: flex-end;
  height: 65px;
  margin-left: 274px;
  width: 65px;
}

.sangshin .text-container {
  align-items: flex-start;
  display: flex;
  height: 31px;
  margin-left: 2.74px;
  min-width: 764px;
}

.sangshin .text-392 {
  letter-spacing: 0;
  line-height: 31px;
  min-width: 67px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .text-396 {
  letter-spacing: 0;
  line-height: 31px;
  margin-left: 264px;
  min-width: 89px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .text-400 {
  letter-spacing: 0;
  line-height: 31px;
  margin-left: 233px;
  min-width: 111px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .flex-col-3 {
  align-items: center;
  min-height: 9782px;
  width: 1909px;
}

.sangshin .flex-col-4 {
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 51px;
  min-height: 4396px;
  width: 1689px;
}

.sangshin .flex-col-5 {
  align-items: center;
  align-self: flex-end;
  min-height: 2827px;
  width: 1582px;
}

.sangshin .overlap-group17 {
  height: 1164px;
  position: relative;
  width: 1582px;
}

.sangshin .rectangle-3480378 {
  background-color: var(--black);
  border: 4px solid;
  border-color: var(--alto);
  border-radius: 53px;
  height: 1062px;
  left: 0;
  position: absolute;
  top: 102px;
  width: 1582px;
}

.sangshin .text-385 {
  left: 745px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 217px;
}

.sangshin .frame-1171278804 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 734px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 146px;
  transition: all 0.4s ease;
  width: 110px;
}

.sangshin .frame-1171278804.animate-enter135 {
  animation: animate-enter135-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter135-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278804:hover {
  transform: scale(1.1);
}

.sangshin .text-4 {
  color: #b0b0b0;
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-weight: 600;
  left: 19px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .text-387 {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  left: 671px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 279px;
}

.sangshin .x0015-white {
  cursor: pointer;
  height: 627px;
  left: 114px;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 300px;
}

.sangshin .x0015-white.animate-enter144 {
  animation: animate-enter144-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter144-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white:hover {
  transform: scale(1.1);
}

.sangshin .front {
  height: 627px;
  min-width: 300px;
  padding: 11.1px 14.0px;
}

.sangshin .mockup {
  height: 604px;
  width: 272px;
}

.sangshin .x0015-white-1 {
  cursor: pointer;
  height: 627px;
  left: 465px;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 300px;
}

.sangshin .x0015-white-1.animate-enter145 {
  animation: animate-enter145-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter145-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white-1:hover {
  transform: scale(1.1);
}

.sangshin .x0015-white-2 {
  cursor: pointer;
  height: 627px;
  left: 816px;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 300px;
}

.sangshin .x0015-white-2.animate-enter146 {
  animation: animate-enter146-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter146-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white-2:hover {
  transform: scale(1.1);
}

.sangshin .x0015-white-3 {
  cursor: pointer;
  height: 627px;
  left: 1168px;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 300px;
}

.sangshin .x0015-white-3.animate-enter147 {
  animation: animate-enter147-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter147-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white-3:hover {
  transform: scale(1.1);
}

.sangshin .vector-3364 {
  height: 110px;
  left: 278px;
  position: absolute;
  top: 0;
  width: 16px;
}

.sangshin .flex-row-4 {
  align-items: center;
  display: flex;
  margin-left: 18.0px;
  margin-top: 207px;
  min-width: 1106px;
}

.sangshin .flex-col-6 {
  align-items: center;
  gap: 26px;
  margin-bottom: 13.45px;
  min-height: 135px;
  width: 78px;
}

.sangshin .image {
  height: 78px;
  width: 78px;
}

.sangshin .text-3-2 {
  letter-spacing: 0;
  line-height: 31px;
  margin-right: 1.24px;
  min-width: 23px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .overlap-group21 {
  border-radius: 20px;
  height: 210px;
  margin-left: 203px;
  position: relative;
  width: 171px;
}

.sangshin .rectangle-3480379 {
  background-color: var(--black);
  border: 3px solid;
  border-color: var(--white);
  border-radius: 20px;
  cursor: pointer;
  height: 210px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 171px;
}

.sangshin .rectangle-3480379.animate-enter131 {
  animation: animate-enter131-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter131-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3480379:hover {
  background-color: #222222
}

.sangshin .text-393 {
  left: 52px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 135px;
  white-space: nowrap;
}

.sangshin .overlap-group2-3 {
  height: 62px;
  left: 50px;
  position: absolute;
  top: 37px;
  width: 72px;
}

.sangshin .flex-col-7 {
  align-items: center;
  gap: 36px;
  margin-bottom: 6.93px;
  margin-left: 218px;
  min-height: 128px;
  width: 89px;
}

.sangshin .subtract-4 {
  height: 62px;
  margin-right: 7.5px;
  width: 49px;
}

.sangshin .text-39 {
  letter-spacing: 0;
  line-height: 31px;
  min-width: 89px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .flex-col-8 {
  align-items: center;
  gap: 32px;
  margin-bottom: 6.93px;
  margin-left: 236px;
  min-height: 128px;
  width: 111px;
}

.sangshin .subtract-1 {
  height: 65px;
  margin-left: 1.23px;
  width: 65px;
}

.sangshin .text-40 {
  letter-spacing: 0;
  line-height: 31px;
  min-width: 111px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .overlap-group18 {
  height: 1246px;
  margin-right: 119.46px;
  position: relative;
  width: 1227px;
}

.sangshin .rectangle-48-2 {
  height: 989px;
  top: 86px;
  width: 989px;
}

.sangshin .text-404 {
  left: 437px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 209px;
}

.sangshin .frame-1171278731-6 {
  background-color: var(--log-cabin);
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 439px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 138px;
  transition: all 0.4s ease;
  width: 110px;
}

.sangshin .frame-1171278731-6.animate-enter136 {
  animation: animate-enter136-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter136-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278731-6:hover {
  transform: scale(1.1);
}

.sangshin .text-406 {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  left: 354px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 271px;
}

.sangshin .group-1171278946 {
  box-shadow: 5px 10px 25px #000000fa , 22px 39px 45px #000000d9 , 49px 87px 60px #00000080 , 88px 155px 71px #00000026 , 137px 243px 78px #00000005;
  cursor: pointer;
  height: 526px;
  left: 368px;
  opacity: 0;
  position: absolute;
  top: 409px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 252px;
}

.sangshin .group-1171278946.animate-enter137 {
  animation: animate-enter137-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter137-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .group-1171278946:hover {
  transform: scale(1.1);
}

.sangshin .overlap-group5-1 {
  height: 526px;
  position: relative;
}

.sangshin .overlap-group-10 {
  height: 526px;
  left: 0;
  position: absolute;
  top: 0;
  width: 252px;
}

.sangshin .front-1 {
  height: 526px;
  left: 0;
  min-width: 252px;
  padding: 9.3px 11.7px;
  position: absolute;
  top: 0;
}

.sangshin .mockup-3 {
  height: 507px;
  width: 228px;
}

.sangshin .rectangle-3480377 {
  background-color: var(--woodsmoke);
  height: 15px;
  left: 26px;
  position: absolute;
  top: 15px;
  width: 26px;
}

.sangshin .x930 {
  height: 7px;
  left: 35px;
  position: absolute;
  top: 17px;
  width: 17px;
}

.sangshin .rectangle-3480376 {
  background-color: var(--woodsmoke);
  height: 20px;
  left: 115px;
  position: absolute;
  top: 10px;
  width: 22px;
}

.sangshin .image-7 {
  cursor: pointer;
  display: block;
  height: 854px;
  left: 678px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 392px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 503px;
}

.sangshin .image-7.animate-enter138 {
  animation: animate-enter138-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter138-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .image-7:hover {
  transform: scale(1.2);
}

.sangshin .image-8 {
  cursor: pointer;
  display: block;
  height: 503px;
  left: 1001px;
  opacity: 0;
  position: absolute;
  top: 410px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 226px;
}

.sangshin .image-8.animate-enter139 {
  animation: animate-enter139-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter139-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .image-8:hover {
  transform: scale(1.2);
}

.sangshin .vector-3363 {
  height: 94px;
  left: 488px;
  position: absolute;
  top: 0;
  width: 16px;
}

.sangshin .text-416 {
  left: 1041px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 953px;
}

.sangshin .text-417 {
  left: 710px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 953px;
}

.sangshin .flex-row-5 {
  align-items: center;
  align-self: center;
  display: flex;
  margin-left: 125.0px;
  margin-top: 80px;
  min-width: 1106px;
}

.sangshin .flex-col-9 {
  align-items: center;
  gap: 26px;
  margin-bottom: 11.45px;
  min-height: 135px;
  width: 78px;
}

.sangshin .flex-col-10 {
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 4.93px;
  margin-left: 253px;
  min-height: 128px;
  width: 72px;
}

.sangshin .text-39-1 {
  letter-spacing: 0;
  line-height: 31px;
  margin-left: 1.74px;
  min-width: 67px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .overlap-group19 {
  border-radius: 20px;
  height: 210px;
  margin-left: 226px;
  position: relative;
  width: 171px;
}

.sangshin .rectangle-3480381 {
  background-color: var(--black);
  border: 3px solid;
  border-color: var(--white);
  border-radius: 20px;
  cursor: pointer;
  height: 210px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 171px;
}

.sangshin .rectangle-3480381.animate-enter132 {
  animation: animate-enter132-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter132-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3480381:hover {
  background-color: #222222
}

.sangshin .text-398 {
  left: 41px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 136px;
  white-space: nowrap;
}

.sangshin .subtract-5 {
  height: 62px;
  left: 63px;
  position: absolute;
  top: 39px;
  width: 49px;
}

.sangshin .flex-col-11 {
  align-items: center;
  gap: 32px;
  margin-bottom: 4.93px;
  margin-left: 195px;
  min-height: 128px;
  width: 111px;
}

.sangshin .overlap-group15 {
  height: 1279px;
  position: relative;
  width: 1566px;
}

.sangshin .rectangle-49-1 {
  height: 989px;
  left: 578px;
  position: absolute;
  top: 78px;
  width: 989px;
}

.sangshin .text-407 {
  color: var(--black);
  font-family: var(--font-family-suite-extrabold);
  font-size: 31px;
  font-weight: 800;
  left: 1015px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 216px;
}

.sangshin .text-409 {
  color: var(--black);
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-weight: 600;
  left: 931px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 278px;
}

.sangshin .x1 {
  cursor: pointer;
  display: block;
  height: 858px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 396px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 537px;
}

.sangshin .x1.animate-enter140 {
  animation: animate-enter140-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter140-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x1:hover {
  transform: scale(1.2);
}

.sangshin .image-9 {
  cursor: pointer;
  display: block;
  height: 847px;
  left: 313px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 401px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 468px;
}

.sangshin .image-9.animate-enter141 {
  animation: animate-enter141-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter141-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .image-9:hover {
  transform: scale(1.2);
}

.sangshin .image-10 {
  cursor: pointer;
  display: block;
  height: 877px;
  left: 624px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 402px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 472px;
}

.sangshin .image-10.animate-enter142 {
  animation: animate-enter142-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter142-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .image-10:hover {
  transform: scale(1.2);
}

.sangshin .text-411 {
  left: 624px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 982px;
  width: 285px;
}

.sangshin .text-414 {
  left: 346px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 982px;
  width: 211px;
}

.sangshin .text-415 {
  left: 38px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 982px;
  width: 197px;
}

.sangshin .x0015-white-4 {
  cursor: pointer;
  height: 538px;
  left: 944px;
  opacity: 0;
  position: absolute;
  top: 414px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 258px;
}

.sangshin .x0015-white-4.animate-enter143 {
  animation: animate-enter143-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter143-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white-4:hover {
  transform: scale(1.2);
}

.sangshin .front-2 {
  height: 538px;
  min-width: 258px;
  padding: 9.5px 12.0px;
}

.sangshin .mockup-1 {
  height: 519px;
  width: 234px;
}

.sangshin .vector-3365 {
  height: 94px;
  left: 1061px;
  position: absolute;
  top: 0;
  width: 16px;
}

.sangshin .frame-1171278732 {
  background-color: #d5d5d5;
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 1018px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 145px;
  transition: all 0.4s ease;
  width: 110px;
}

.sangshin .frame-1171278732.animate-enter148 {
  animation: animate-enter148-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter148-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278732:hover {
  transform: scale(1.1);
}

.sangshin .text-418 {
  color: #393939;
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-weight: 600;
  left: 19px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .flex-row-6 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 16px;
  height: 1490px;
  margin-top: 193px;
  min-width: 1513px;
}

.sangshin .flex-col-12 {
  align-items: flex-start;
  margin-top: 30.78px;
  min-height: 1202px;
  width: 285px;
}

.sangshin .image-11 {
  height: 78px;
  margin-left: 9px;
  width: 78px;
}

.sangshin .text-391 {
  letter-spacing: 0;
  line-height: 31px;
  margin-left: 36px;
  margin-top: 28px;
  min-width: 23px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .about {
  align-self: center;
  cursor: pointer;
  display: block;
  height: 523px;
  margin-left: 1.0px;
  margin-top: 460px;
  object-fit: cover;
  opacity: 0;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 236px;
}

.sangshin .about.animate-enter150 {
  animation: animate-enter150-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter150-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .about:hover {
  transform: scale(1.2);
}

.sangshin .text-413 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 29px;
  min-height: 54px;
  text-align: center;
  width: 285px;
}

.sangshin .flex-col-13 {
  align-items: flex-start;
  min-height: 1490px;
  width: 1212px;
}

.sangshin .flex-row-7 {
  align-items: center;
  display: flex;
  margin-left: 39.26px;
  min-width: 804px;
}

.sangshin .flex-col-14 {
  align-items: flex-start;
  gap: 38px;
  margin-bottom: 4.93px;
  min-height: 130px;
  width: 72px;
}

.sangshin .flex-col-15 {
  align-items: center;
  gap: 38px;
  margin-bottom: 4.93px;
  margin-left: 267px;
  min-height: 130px;
  width: 89px;
}

.sangshin .subtract-6 {
  height: 62px;
  margin-left: 4.5px;
  width: 49px;
}

.sangshin .overlap-group20 {
  border-radius: 20px;
  height: 210px;
  margin-left: 205px;
  position: relative;
  width: 171px;
}

.sangshin .rectangle-3480382 {
  background-color: var(--black);
  border: 3px solid;
  border-color: var(--white);
  border-radius: 20px;
  cursor: pointer;
  height: 210px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 171px;
}

.sangshin .rectangle-3480382.animate-enter133 {
  animation: animate-enter133-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter133-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .rectangle-3480382:hover {
  background-color: #222222
}

.sangshin .text-403 {
  left: 31px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 137px;
  white-space: nowrap;
}

.sangshin .subtract-7 {
  height: 65px;
  left: 52px;
  position: absolute;
  top: 37px;
  width: 65px;
}

.sangshin .overlap-group23 {
  height: 1280px;
  position: relative;
  width: 1212px;
}

.sangshin .overlap-group16 {
  height: 1280px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1212px;
}

.sangshin .rectangle-3480383 {
  height: 989px;
  left: 263px;
  position: absolute;
  top: 81px;
  width: 949px;
}

.sangshin .text-408 {
  color: var(--white);
  font-family: var(--font-family-suite-extrabold);
  font-size: 31px;
  font-weight: 800;
  left: 700px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 219px;
}

.sangshin .text-410 {
  left: 616px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  text-align: center;
  top: 281px;
}

.sangshin .text-412 {
  left: 0;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 969px;
  width: 285px;
}

.sangshin .vector-3366 {
  height: 94px;
  left: 750px;
  position: absolute;
  top: 0;
  width: 16px;
}

.sangshin .frame-1171278814 {
  background-color: #020202;
  border-radius: 55px;
  cursor: pointer;
  filter: blur(10px);
  height: 49px;
  left: 703px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 148px;
  transition: all 0.4s ease;
  width: 110px;
}

.sangshin .frame-1171278814.animate-enter149 {
  animation: animate-enter149-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  filter: blur(10px);
  opacity: 0;
}

@keyframes animate-enter149-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

.sangshin .frame-1171278814:hover {
  transform: scale(1.1);
}

.sangshin .text-419 {
  color: #999999;
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-weight: 600;
  left: 19px;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
}

.sangshin .image-12 {
  cursor: pointer;
  display: block;
  height: 880px;
  left: 303px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 400px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 509px;
}

.sangshin .image-12.animate-enter152 {
  animation: animate-enter152-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter152-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .image-12:hover {
  transform: scale(1.2);
}

.sangshin .x0015-white-5 {
  cursor: pointer;
  height: 539px;
  left: 627px;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 258px;
}

.sangshin .x0015-white-5.animate-enter153 {
  animation: animate-enter153-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter153-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x0015-white-5:hover {
  transform: scale(1.2);
}

.sangshin .front-3 {
  height: 539px;
  min-width: 258px;
  padding: 9.6px 12.0px;
}

.sangshin .text-423 {
  left: 301px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 969px;
  width: 285px;
}

.sangshin .about-1 {
  cursor: pointer;
  display: block;
  height: 524px;
  left: 25px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 417px;
  transform: translate(0, 25px);
  transition: all 0.6s ease;
  width: 236px;
}

.sangshin .about-1.animate-enter151 {
  animation: animate-enter151-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter151-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .about-1:hover {
  transform: scale(1.2);
}

.sangshin .x1-1 {
  align-self: flex-start;
  height: 1424px;
  margin-top: 149px;
  object-fit: cover;
  width: 1898px;
}

.sangshin .title {
  letter-spacing: -2.24px;
  line-height: normal;
  margin-right: 10.0px;
  margin-top: 315px;
  min-height: 59px;
  min-width: 345px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-right: 17.0px;
  margin-top: 108px;
  min-width: 1524px;
}

.sangshin .frame-1171278731-7 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 518px;
  opacity: 0;
  overflow: hidden;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 747px;
}

.sangshin .frame-1171278731-7.animate-enter155 {
  animation: animate-enter155-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter155-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .frame-1171278731-7:hover {
  background-color: #3e3e3e
}

.sangshin .overlap-group7-1 {
  height: 626px;
  left: 20px;
  position: relative;
  top: 19px;
  width: 707px;
}

.sangshin .overlap-group6-1 {
  height: 626px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.sangshin .frame-1171278688 {
  border-radius: 19.49px;
  height: 390px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 707px;
}

.sangshin .frame-1171278688.animate-enter154 {
  animation: animate-enter154-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter154-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .overlap-group-11 {
  height: 568px;
  left: -25px;
  position: relative;
  top: -89px;
  width: 756px;
}

.sangshin .frame-1171278694-1 {
  left: 34px;
  top: 100px;
}

.sangshin .number {
  letter-spacing: 0;
  line-height: normal;
  min-height: 15px;
  white-space: nowrap;
}

.sangshin .mobile-app-design {
  left: 94px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 413px;
  white-space: nowrap;
}

.sangshin .ellipse-8183 {
  background-color: var(--alto);
  border-radius: 216px;
  filter: blur(284.5px);;
  height: 432px;
  left: 138px;
  opacity: 0.11;
  position: absolute;
  top: 194px;
  width: 432px;
}

.sangshin .frame-1171278687 {
  align-items: flex-start;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.65px;
  display: flex;
  height: 22px;
  left: 8px;
  overflow: hidden;
  padding: 4.6px 15.7px;
  position: absolute;
  top: 458px;
  width: 83px;
}

.sangshin .ui-design {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  min-height: 12px;
  min-width: 51px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .vector-3297 {
  cursor: pointer;
  height: 29px;
  left: 664px;
  position: absolute;
  top: 413px;
  transition: all 0.4s ease;
  width: 29px;
}

.sangshin .vector-3297:hover {
  transform: rotate(45deg);
}

.sangshin .exclude {
  height: 27px;
  left: 9px;
  position: absolute;
  top: 413px;
  width: 67px;
}

.sangshin .frame-1171278691 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  display: flex;
  height: 518px;
  overflow: hidden;
  padding: 0 19.0px;
  transition: all 0.2s ease;
  width: 747px;
}

.sangshin .frame-1171278691:hover {
  background-color: #3E3E3E
}

.sangshin .overlap-group-3 {
  height: 625px;
  margin-bottom: -127.0px;
  position: relative;
  width: 707px;
}

.sangshin .overlap-group-4 {
  height: 625px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.sangshin .frame-1171278688-1 {
  border-radius: 19.53px;
}

.sangshin .frame-1171278688-1.animate-enter156 {
  animation: animate-enter156-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter156-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .overlap-group-12 {
  height: 470px;
  left: 3px;
  position: relative;
  top: -39px;
  width: 703px;
}

.sangshin .x1-2 {
  cursor: pointer;
  height: 470px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 703px;
}

.sangshin .x1-2:hover {
  transform: scale(1.1);
}

.sangshin .frame-1171278694-2 {
  left: 6px;
  top: 49px;
}

.sangshin .mobile-app-design-1 {
  left: 117px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 413px;
  white-space: nowrap;
}

.sangshin .ellipse-8183-1 {
  border-radius: 216px;
  height: 432px;
  left: 139px;
  opacity: 0.11;
  top: 193px;
  width: 432px;
}

.sangshin .frame-1171278687-1 {
  border-radius: 32.71px;
  left: 9px;
  top: 458px;
}

.sangshin .vector-3297-1 {
  cursor: pointer;
  height: 29px;
  left: 665px;
  position: absolute;
  top: 413px;
  transition: all 0.4s ease;
  width: 29px;
}

.sangshin .vector-3297-1:hover {
  transform: rotate(45deg);
}

.sangshin .frame-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-right: 17.0px;
  margin-top: 57px;
  min-width: 1524px;
}

.sangshin .frame-1171278730 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 518px;
  opacity: 0;
  overflow: hidden;
  transform: translate(0, 25px);
  transition: all 0.2s ease;
  width: 747px;
}

.sangshin .frame-1171278730.animate-enter158 {
  animation: animate-enter158-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter158-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .frame-1171278730:hover {
  background-color: #3E3E3E
}

.sangshin .overlap-group11-1 {
  height: 625px;
  left: 19px;
  position: relative;
  top: 20px;
  width: 707px;
}

.sangshin .ellipse-8183-2 {
  border-radius: 216px;
  height: 432px;
  left: 138px;
  opacity: 0.11;
  top: 193px;
  width: 432px;
}

.sangshin .frame-container-2 {
  border-radius: 19.53px;
  height: 390px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.sangshin .frame-1171278688-2 {
  border-radius: 19.53px;
}

.sangshin .frame-1171278688-2.animate-enter157 {
  animation: animate-enter157-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter157-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .overlap-group-13 {
  height: 564px;
  left: -23px;
  position: relative;
  top: -38px;
  width: 764px;
}

.sangshin .x1-3 {
  cursor: pointer;
  height: 564px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.4s ease;
  width: 564px;
}

.sangshin .x1-3:hover {
  transform: scale(1.1);
}

.sangshin .frame-1171278694 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 55px;
  display: flex;
  height: 35px;
  left: 9px;
  overflow: hidden;
  padding: 9px 25px;
  position: absolute;
  top: 10px;
  width: 87px;
}

.sangshin .frame-1171278690 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.71px;
  display: flex;
  height: 22px;
  left: 107px;
  overflow: hidden;
  padding: 4.9px 13.9px;
  position: absolute;
  top: 458px;
  width: 83px;
}

.sangshin .frame-1171278687-2 {
  border-radius: 32.71px;
  left: 9px;
  top: 458px;
}

.sangshin .frame-1171278697 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  display: flex;
  height: 518px;
  overflow: hidden;
  padding: 0 20.0px;
  transition: all 0.2s ease;
  width: 747px;
}

.sangshin .frame-1171278697:hover {
  background-color: #3E3E3E
}

.sangshin .ellipse-8183-3 {
  border-radius: 216px;
  height: 432px;
  left: 137px;
  opacity: 0.11;
  top: 193px;
  width: 432px;
}

.sangshin .frame-container-3 {
  border-radius: 19.51px;
  height: 390px;
  left: 0;
  position: absolute;
  top: 0;
  width: 707px;
}

.sangshin .frame-1171278688-3 {
  border-radius: 19.51px;
}

.sangshin .frame-1171278688-3.animate-enter159 {
  animation: animate-enter159-frames 0.40s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter159-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.sangshin .x1-4 {
  cursor: pointer;
  height: 471px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: -41px;
  transition: all 0.4s ease;
  width: 707px;
}

.sangshin .x1-4:hover {
  transform: scale(1.1);
}

.sangshin .frame-1171278690-1 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  border-radius: 32.68px;
  display: flex;
  height: 22px;
  left: 106px;
  overflow: hidden;
  padding: 4.9px 13.9px;
  position: absolute;
  top: 457px;
  width: 83px;
}

.sangshin .frame-1171278687-3 {
  border-radius: 32.68px;
  left: 8px;
  top: 457px;
}

.sangshin .frame-1171278768 {
  -webkit-backdrop-filter: blur(49.9px) brightness(100%);
  backdrop-filter: blur(49.9px) brightness(100%);
  background-color: var(--shark);
  border: 1px solid;
  border-color: var(--mine-shaft);
  border-radius: 24.24px;
  cursor: pointer;
  height: 402px;
  margin-right: 11.0px;
  margin-top: 153px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 1722px;
}

.sangshin .frame-1171278768:hover {
  background-color: #3E3E3E
}

.sangshin .overlap-group14 {
  height: 1024px;
  left: 348px;
  position: absolute;
  top: -882px;
  width: 1037px;
}

.sangshin .ellipse-8183-4 {
  border-radius: 512px;
  height: 1024px;
  left: 0;
  opacity: 0.05;
  top: 0;
  width: 1024px;
}

.sangshin .text-422 {
  left: 986px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.sangshin .ui {
  left: 116px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.sangshin .uiux {
  left: 349px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 943px;
  white-space: nowrap;
}

.sangshin .group-1-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 6px;
  height: 47px;
  left: 49px;
  min-width: 100px;
  position: absolute;
  top: 227px;
  transition: all 0.5s ease;
}

.sangshin .group-1-1:hover {
  transform: scale(1.1);
}

.sangshin .instagram {
  cursor: pointer;
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  text-decoration: underline;
  top: 149px;
  width: 87px;
}

.sangshin .a24 {
  cursor: pointer;
  left: 464px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 149px;
  width: 87px;
}

.sangshin .artaloo {
  cursor: pointer;
  left: 697px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 149px;
  width: 87px;
}

.sangshin .text-420 {
  cursor: pointer;
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  text-decoration: underline;
  top: 210px;
  width: 87px;
}

.sangshin .epiphone {
  cursor: pointer;
  left: 464px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 210px;
  width: 87px;
}

.sangshin .text-421 {
  left: 1334px;
  letter-spacing: -0.80px;
  line-height: 32px;
  position: absolute;
  top: 271px;
  width: 87px;
}

.sangshin .ellipse-8183-5 {
  background-color: var(--alto);
  filter: blur(284.5px);;
  position: absolute;
}

.sangshin .etc-3 {
  font-family: var(--font-family-suite-regular);
  font-size: 26px;
  font-weight: 400;
  height: 38px;
  letter-spacing: 0;
  line-height: 37.9px;
  min-width: 48px;
  text-align: center;
  white-space: nowrap;
}

.sangshin .flex-col-16 {
  display: flex;
  flex-direction: column;
}

.sangshin .flex-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: absolute;
}

.sangshin .frame-1171278687-4 {
  align-items: flex-end;
  border: 0.49px solid;
  border-color: var(--white);
  display: flex;
  height: 22px;
  overflow: hidden;
  padding: 4.9px 15.7px;
  position: absolute;
  width: 83px;
}

.sangshin .frame-1171278688-4 {
  height: 390px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(0, 25px);
  width: 707px;
}

.sangshin .frame-1171278694-3 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 55px;
  display: flex;
  height: 35px;
  overflow: hidden;
  padding: 9px 25px;
  position: absolute;
  width: 87px;
}

.sangshin .front-4 {
  align-items: flex-end;
  background-image: url(../img/nothing-phone-1-1.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: flex-end;
}

.sangshin .hehe-3 {
  line-height: 32.9px;
  position: absolute;
}

.sangshin .hello-3 {
  left: 286px;
  position: absolute;
}

.sangshin .rectangle-48-3 {
  left: 0;
  position: absolute;
}

.sangshin .tm-2 {
  height: 14px;
  letter-spacing: -0.98px;
  line-height: normal;
  margin-top: 8px;
}